<template>
  <div class="demo">
    <div class="demo-title">前缀</div>
    <div class="demo-content">
      <InputNumber v-model:value="value1" prefix="￥" style="width: 100%" />
      <br />
      <br />
      <InputNumber v-model:value="value2" prefix="￥" style="width: 100%">
        <template #addonBefore><UserOutlined /></template>
      </InputNumber>
      <br />
      <br />
      <InputNumber v-model:value="value3" prefix="￥" disabled style="width: 100%" />
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import { UserOutlined } from '@ant-design/icons-vue';
  import InputNumber from '@sscd/input-number';
  const value1 = ref<number>(1);
  const value2 = ref<number>(2);
  const value3 = ref<number>(3);
</script>
